<!--别忘记form 以及form的class-->
<form class="layui-form">
    <div id="xtree3" class="xtree_contianer"></div>
</form>

<script type="text/javascript">
    var xtree3;
    var data = [
        {
            title: "VR", value: "jd1", data: [
                {title: "基础", value: "jd1.1", data: []}
                , {title: "动画", value: "jd1.2", data: []}
                , {title: "引擎", value: "jd1.3", data: []}
                , {title: "UI设计", value: "jd1.4", data: []}
            ],
        }
        , {
            title: "动画", value: "jd1", data: [
                {title: "基础", value: "jd1.1", data: []}
                , {title: "动画", value: "jd1.2", data: []}
                , {title: "引擎", value: "jd1.3", data: []}
                , {title: "UI设计", value: "jd1.4", data: []}
            ],
        }, {
            title: "引擎", value: "jd1", data: [
                {title: "基础", value: "jd1.1", data: []}
                , {title: "动画", value: "jd1.2", data: []}
                , {title: "引擎", value: "jd1.3", data: []}
                , {title: "UI设计", value: "jd1.4", data: []}
            ],
        }
    ];
    layui.use(['form'], function () {
        var form = layui.form;
        xtree3 = new layuiXtree({
            elem: 'xtree3'                  //必填
            , form: form                    //必填
            , data: data //必填
            , isopen: false  //加载完毕后的展开状态，默认值：true
            , ckall: false    //启用全选功能，默认值：false
        });
    });


</script>
